<!DOCTYPE type>
<html ng-app="myapp">
	<head>
		<meta charset="utf-8"/>
		<title>anjular测试</title>
		<script src="../js/angular.min.js"></script>			
		<link rel="stylesheet" type="text/css" href="../css/index.css"/>	
	</head>
	<body >


<!--//model组件的基础概念-->
	<div ng-controller="c5_1">
		<div>{{name}}</div>
		<input type="text" ng-model="FS" placeholder='98' />
		<div>{{FS}}</div>		
	</div>
	
	<!--ngrepeat方式遍历model模型-->
	<div ng-controller="c5_2">
		<p ng-repeat="stu in data" >
			<span>{{stu.name}}</span>
			<span>{{stu.sex}}</span>
		</p>	
	</div>
	
	<!--控制器的属性和方法-->
	<div ng-controller="c5_3">
		<button ng-click="changeA()">李四</button>
		<button ng-click="changeB()">王二</button>
		<p>我的名字叫：{{name}}</p>
	</div>


	
	<!--控制器方法中的参数-->
	<div ng-controller="c5_4">
		<div>
			<input type="text" ng-model="anum" value="0" />
			<span>{{type}}</span>
			<input type="text" ng-model="bnum" value="0" />
			<span class="blank1">=</span>
			<span>{{result}}</span>
		
		</div>
		<div>
			<button ng-click="changel(1)">加法</button>
			<button ng-click="changel(0)">乘法</button>
			
		</div>
	</div>
		
	</body>	
	<script src="../js/control.js"></script>
	
</html>